<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>申请记录</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />
    <style>
        body{
            width: 3.75rem;
            position: relative;
            background: #CEDEDD;
        }
        .cells {
            /*margin-top: .2rem;*/
        }
        .cells_title {
            margin: 0;
            padding: .12rem .4rem;
            font-size: .16rem;
            height: .22rem;
            color: rgb(68,74,89);
        }
        .cells_title a {
            display: block;
            float: left;
            font-size: .16rem;
            height: .22rem;
            font-weight: 700;
        }
        .cells_title span {
            display: block;
            float: left;
            font-size: .13rem;
            height: .22rem;
            line-height: .22rem;
            margin-left: .2rem;
            color: rgb(136,136,136)
        }

        .operatorContent {
            width: 100%;
            background: #f9f9f9;
            overflow: hidden;
            position: absolute;
            bottom: 0.2rem;
        }
        .txt {
			text-align: right;
        }

        .getCode {
            color: red;
            font-size: .12rem;
        }
        .cell_ft img {
            display: block;;
            width: .2rem;
            height: .1rem;
        }
        .tip {
            line-height: .2rem;
            height: .2rem;
            overflow: hidden;
            margin: .2rem .4rem;
        }
        .tip span{
            display: block;
            float: left;
            font-size: .12rem;
            line-height: .2rem;
            height: .2rem;
        }
        .tip i {
            display: block;
            width: .12rem;
            height: .12rem;
            margin: 0.02rem .04rem;
            float: left;
        }
        .tip i img {
            width: 100%;
        }
        .cells_tips {
            margin: 0rem .4rem;
            border-top: solid .01rem #eee;
            font-size: .12rem;
            height: .4rem;
            line-height: .4rem;
        }

        .confirmBtn {
            position: absolute;
            bottom: .48rem;
        }
        .submitBtn {
            position: static;
            margin: 0 .36rem;
        }
        .cells_line {
            height: .1rem;
            width: 100%;
        }
        .recordContent {
            width: 3.43rem;
            height: 2.85rem;
            background-color: white;
            border-radius: .1rem;
            margin: .1rem auto .1rem;
            position: relative;
            box-shadow: 0 .07rem .09rem #B1D2CC;
        }

        .recordContent .recordList {
            float: left;
            font-size: .14rem;
        }
    	.recordListTop{
        	height: 50%;
    		background: #1EB97E;
    		border-radius: .1rem .1rem 0 0;
        }
        .recordListLeft{
            float: left;
            width: 100%;
        } 
        .repayInfons{
        	width: 50%;
        	float: left;
        	margin-top: .15rem;
        }  
        .showNum{
			font-size: .1rem;
		    color: #FFFFFF;
        }
        .titleContentLeft ,.titleContentRight{
		    display: inline-block;
		    width: 100%;
		    text-align: center;
		    color: #FFFFFF;
		    font-size: .2rem;
		    margin-top: .02rem;
        } 
        .tipsInfo{
		    position: relative;
		    padding: .1rem .21rem 0 .21rem;
        }
        .tipsInfo::before{
            content: " ";
            position: absolute;
            left: .1rem;
            bottom: -.1rem;
            width: 3.23rem;
            height: 1px;
            border-top: 1px solid #E4E4E4;
            color: #E4E4E4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);   
        }
        .tipsInfo li{
            font-size: .12rem;
            margin: 0 0 .04rem 0;
            color: #444444;
        }
        .tipsInfo span{
		    width: 70%;
		    float: right;
		    display: inline-block;
		    text-align: left;
        }
        .recordListRight{
			overflow: hidden;
		    width: 100%;
		    margin-top: .12rem;
        } 
        .titleRight {
			width: 100%;
		    text-align: center;
		    font-size: .12rem;
		    color: #5E5E5E;
        }
        .titleLeft {
			float: left;
		    width: 100%;
		    font-family: PingFang-SC-Regular;
		    text-align: center;
		    font-size: .12rem;
		    color: #5E5E5E;
		    padding-left: .05rem;
        }
        /*.recordListBtnBottom {
		    position: absolute;
		    right: .1rem;
		    bottom: .32rem;
		    height: .3rem;
		    padding: 0 .1rem;
		    line-height: .3rem;
		    border: solid .01rem #1EB97E;
		    color: #1EB97E;
		    border-radius: .25rem;
		    font-size: .12rem;
        }*/
        .repayFast{
        	float: right;
			display: block;
			color: #fff;
			border-radius: .2rem;
			width: .7rem;
			height: .3rem;
			line-height: .3rem;
			padding: .02rem .03rem;
			text-align: center;
			font-size: .12rem;
			background-color: #1CB565;
			border: .01rem solid #1CB565;
			margin-right: .16rem;
        }
        .halfFastRepay{
         	float: right;
			display: block;
			color: #fff;
			border-radius: .2rem;
			width: .7rem;
			height: .3rem;
			line-height: .3rem;
			padding: .02rem .03rem;
			text-align: center;
			font-size: .12rem;        	
            background-color: #FFB624;
			border: .01rem solid #FFB624; 
			margin-right: .1rem;          	
        }
        .fastRepay{
        	float: right;
			display: block;
			color: #fff;
			border-radius: .2rem;
			width: .7rem;
			height: .3rem;
			line-height: .3rem;
			padding: .02rem .03rem;
			text-align: center;
			font-size: .12rem;        	
            background-color: #1CB565;
			border: .01rem solid #1CB565; 
			margin-right: .16rem;       	
        }
        .Reapplay{
    	    float: right;
		    display: block;
		    color: #fff;
		    border-radius: .2rem;
		    width: .7rem;
		    height: .3rem;
		    line-height: .3rem;
		    padding: 0 .03rem;
		    text-align: center;
		    font-size: .12rem;
		    border: .01rem solid #1CB565;	
		    margin-right: .16rem;
        }       
        .unopreat{
	    	float: right;
		    display: block;
		    color: #1eb97e;
		    border-radius: .2rem;
		    border: none;
		    width: .7rem;
		    height: .3rem;
		    line-height: .3rem;
		    padding: .02rem .03rem;
		    text-align: center;
		    font-size: .12rem;
		    background-color: #fff;
		    margin-right: .16rem;
        } 
   
        .orderNone {
            text-align: center;
            font-size: .16rem;
            margin-top: .2rem;
            color: gray;
        }
        .cirlLeft,.cirlRight{
		    width: .17rem;
		    height: .17rem;
		    background: #CEDEDD;
		    border-radius: 50%;
		    position: absolute;
		    top: 50%;
		    transform: translate(0,-50%);
        }
        .cirlLeft{
        	left: -8px;
        }        
        .cirlRight{
        	right: -8px;
        }

        .recordListTop{
    	    width: 100%;
        }
        .recordListTop .recordList{
        	display: inline-block;
        	width: 48%;
        	text-align: center;
    		padding-top: .3rem;
        }
        .recordItemName{
        	font-size: .1rem;
        	color: #5E5E5E;
        	transform: scale(.8);
        	-webkit-transform:scale(.8) ;
    	    padding-bottom: .04rem;
        }
        .recordListTop span{
			color: #1EB97E;
		    font-size: .23rem;
	        font-weight: 600;
        }

        .recordListBottom .recordList{
    	    line-height: .21rem;
        	color: #444444;
    		font-size: .12rem;
        }
    </style>
</head>
<body>
    <!-- 蒙版 -->
    <div class="layer_load ">
        <div class="layer_mask"></div>
        <div class="layer_load_icon icon-loading"></div>
    </div>
    <div id="borrowList">
        
    </div>
    <!--<div class="recordContent">
	    <div class="recordListTop">    
	        <div class="recordListLeft">
	        	<dl class="repayInfons">
	        		<dt class=" titleLeft"><i class="showNum">借款金额(元)</i></dt>
	        		<dd class="titleContentLeft">5000.00</dd>    		
	        	</dl>
	        	<dl class="repayInfons">
	        		<dt class="titleRight"><i class="showNum">借款期限(天)</i></dt>
	        		<dd class="titleContentRight">7</dd>
	        	</dl>	
	        </div>
	        <div class="recordListLeft">
	        	<dl class="repayInfons">
	        		<dt class=" titleLeft"><i class="showNum">已还金额(元)</i></dt>
	        		<dd class="titleContentLeft">0</dd>    		
	        	</dl>
	        	<dl class="repayInfons">
	        		<dt class="titleRight"><i class="showNum">应还金额(元)</i></dt>
	        		<dd class="titleContentRight">0</dd>
	        	</dl>	
	        </div>
	    </div>    
        <div class="recordListBottom">
            <ul class="tipsInfo">
                 <li>申请时间：<span>2018.02.03 00:20:30</span></li>
                 <li>申请编号：<span>025698362598630</span></li>
                 <li>还款截止时间：<span>2018.03.03 下午4点</span></li>
                 <li>订单状态：<span>还款成功</span></li>
            </ul>
           	<div class="recordListRight">    
                        <a href="halfRepaymentDetail.html" class="Reapplay">再次申请</a>
                        
            </div>
        </div>
        <span class="cirlLeft"></span><span class="cirlRight"></span>
    </div> -->


    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script>
        (function(global,userUtil,layer){       
        	$("body").height(document.documentElement.clientHeight);
            //var _html='<div class="recordContent"><div class="recordList">编号：'++'</div><div class="recordList">申请金额：'++'元</div><div class="recordList">申请期限：'++'天</div><div class="recordList">申请时间：'++'</div><div class="recordListBtnTop">'++'</div><div class="recordListBtnBottom"> '++'</div></div>'

        })(global,userUtil,layer)
    </script>
    <script src="../js/trust/applyRecords.js"></script>
</body>
</html>